<template>
	<view>

		<view class="isLoginView">
			<view :class="'isLoginFalse'" @tap="clickLogin" style="margin-left: -20rpx;">登录</view>
		</view>
		
		
		<view >
			<view style="display: flex; justify-content: center;margin-top: 130rpx;">
				<view class="inputView">
					<view style="width: 100%;">
						<input type="text" placeholder="请输入姓名"
							placeholder-style="font-size:24rpx;color: #999999;" class="inputContet">
					</view>
				</view>
				
				
				
			</view>
			
			
			<view style="display: flex; justify-content: center;margin-top: 59rpx;">
				<view class="inputView">
					<view style="width: 100%;">
						<input type="text" placeholder="请输入身份证号"
							placeholder-style="font-size:24rpx;color: #999999;" class="inputContet">
					</view>
				</view>
				
				
				
			</view>
			
			<view style="display: flex; justify-content: center;margin-top: 59rpx;">
				<view class="inputView">
					<view style="width: 100%;">
						<input type="text" placeholder="请输入手机号码"
							placeholder-style="font-size:24rpx;color: #999999;" class="inputContet">
					</view>
				</view>
				
				
				
			</view>
			
			<view style="display: flex; justify-content: center;margin-top: 59rpx;">
				<view class="inputView">
					<view style="width: 100%;">
						<input type="text" placeholder="请输入家庭住址"
							placeholder-style="font-size:24rpx;color: #999999;" class="inputContet">
					</view>
				</view>
				
				
				
			</view>
			
			
			<view style="display: flex; justify-content: center;margin-top: 59rpx;">
				<view class="inputView">
					<view style="width: 100%;">
						<input type="text" placeholder="请输入密码"
							placeholder-style="font-size:24rpx;color: #999999;" class="inputContet">
					</view>
				</view>
				
				
				
			</view>
			
			
			<view style="display: flex;justify-content: center;margin-top: 59rpx;">
				<view class="inputView" style="width: 290rpx;height: 70rpx;">
					<input type="text" placeholder="请输入验证码"
						placeholder-style="font-size:24rpx;color: #999999;" class="inputContet">
				</view>
				
				
				<view style="margin-left: 10rpx;">
					<image src="../../static/images/infoback.png" style="width: 261rpx;height: 75rpx;"></image>
				</view>
			</view>
			
			

			
			<view class="btnLoginView" @tap="goLogin">
				<view style="">
					登录
				</view>
			</view>
		</view>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

		
		


	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goLogin(){
				uni.navigateTo({
					url:'/pages/index/index'
				})
			}
		}
	}
</script>

<style>
		.btnLoginView{
			width: 560rpx;
			height: 80rpx;
			background: #73A8E3;
			border-radius: 40rpx;
			margin: 0 auto;
			
			
			
			
			
			
			
			font-size: 30rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #FFFFFF;
			
			display: flex;
			justify-content: center;
			align-items: center;
			
			margin-top:40rpx ;
		}
	.goUpload{
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #73A8E3;
		text-align: right;
		width: 560rpx;
		height: 80rpx;
		margin: 0 auto;
		margin-top: 39rpx;
		
	}
	.inputContet {
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		margin-left: 29rpx;
		
	}

	.inputView {
		width: 560rpx;
		height: 80rpx;
		border: 1rpx solid #CCCCCC;
		border-radius: 40rpx;
		display: flex;
		align-items: center;
	}

	.isLoginTrue {
		font-size: 48rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		border-bottom: 8rpx solid #73A8E3;
		margin-left: 50rpx;
	}

	.isLoginFalse {
		font-size: 48rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
	}

	.isLoginView {
		display: flex;
		justify-content: center;
		margin-top: 30rpx;


	}
</style>
